  .in_bk {
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* background-image: url(../../../../static/img/9.jpg); */
    background-color: rgba(255, 255, 255, 0.322);
    background-size: cover;
    background-attachment: fixed;
    /* color: gray; */
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: -1px;
    /* background-image: url(../assets/img/9.jpg); */
    /* background-color: rgba(50, 81, 90, 0.712); */
    /* background-size: cover; */
    /* background-attachment: fixed; */
  }

  .detailList {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    border: 0;
    border-radius: 10%;
  }

  .detailList:hover {
    background-color: rgba(128, 128, 128, 0.158);
  }

  .header1 {
    margin-top: 20px;
    margin-left: 20px;
    color: black;
    font-size: 20px
  }

  .content1 {
    margin-top: 20px;
    margin-bottom: 40px;
    color: rgb(107, 106, 106);
    font-size: 15px;

  }

  .content1 p {
    margin-top: 25px;
  }

  .title {
    font-size: 17px;
    color: rgb(255, 255, 255);
    margin-left: 2%;
  }

 .button{
     background-color: rgba(228, 86, 86, 0.418);
	 margin-top: 10rem;
 }
 .content1Title{
	 font-size: 1rem;
	 font-weight: 600;
	 margin-top: 2.75rem;margin-bottom: 2.75rem;
 }
 .avatar {
     width: 120px;
     height: 120px;
     display: block;
   }
   .avatarBefore{
	   font-size: 40px;
	   width: 120px;
	   height: 120px;
	   line-height: 120px;
	   text-align: center;
		border: 2px dashed #d9d9d9;
		border-radius: 6px;
   }
.cropper-content{
        width:500px;height:500px;background: pink;
    }
    .cropper{
        width:500px;
        height:500px;
        background: yellow;
    }